{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/detail_page.css?version={$version}"/>
	<style type="text/css">
		.servicer-cont{
			position:relative;
		}
		.servicer-cont .good-comment{
			display:block;
			width:0.9rem;
			height:0.9rem;
			background:url(/Public/Images/front/front_img/icon_zan3x.png) 0 0 no-repeat;
			background-size:100% 100%;
		}
		.servicer_detail_list p{
			max-width:70%;
		}
		.servicer_detail_list li{
			width:100%;
			overflow:hidden;
		}
		.servicer_detail_list span{
			margin-right:0;
			width:16%;
			text-align:justify;
			text-align-last:justify;
		}
		.logo{
			display:block;
			width:2.5rem;
			height:2.5rem;
			position:absolute;
			top:0.5rem;
			left:0.6rem;
		}
		.logo img{
			border-radius:100%;
		}
		h1{
			text-indent:3rem;
		}
	</style>
{/block}
{block name="content"}
	<div class="servicer-detail project-detail-banner">
		<img src="{$service_providers_info.poster}"/>
		{include file="../detail_header.html"}
	</div>
	<div class="servicer-cont">
		<span class="logo">
			<img src="{$service_providers_info.service_providers_logo}" class="share_pic"/>
		</span>
		<h1>{$service_providers_info.service_providers_name}</h1>
		<div class="clearfix praise">
			<span class="good-comment"></span>
			<p>好评分数</p>
			<span class="score">{$service_providers_info.score}</span>
		</div>
		<ul class="servicer_detail_list">
			<li class="clearfix mg-top0">
				<span class="fl">主营业务</span>
				<p class="fl">{$service_providers_info.business}</p>
			</li>
			<li class="clearfix">
				<span class="fl">联系人</span>
				<p class="fl">{$service_providers_info.user_name}</p>
			</li>
			<li class="clearfix">
				<span class="fl">联系电话</span>
				<a href="tel:{$service_providers_info.mobile}" class="fl" style="color:#666;">
					{$service_providers_info.mobile}
				</a>
				
			</li>
			<li class="clearfix">
				<span class="fl">网址</span>
				<p class="fl" style="width:70%;word-wrap:break-word;">
					{$service_providers_info.url}
				</p>
			</li>
			<li class="clearfix">
				<span class="fl">地址</span>
				<p class="fl">{$service_providers_info.address}</p>
			</li>
		</ul>
			
		<div class="servicer-intro" style="margin-bottom:3rem;">
			{$service_providers_info.service_providers_describe}
		</div>
	</div>
	<a href="javascript:;" onclick="check_user('/FrontService/apply_service/service_providers_id/{$service_providers_info.service_providers_id}')" class="apply-service">申请服务</a>
{/block}
{block name="js"}
<script>
	//分享的参数
	var share_pic = $('.share_pic').eq(0).attr('src');
	var share_title = '{$service_providers_info.service_providers_name}';
	var desc_str = '{$service_providers_info.sahre_desc}';
	var share_desc = desc_str.substr(0,30);
	var share_url = document.location.href;
</script>
{/block}